// 封装axios//filter.js
import axios from 'axios'
// import qs from 'qs'
// import store from '@/store'
const instance = axios.create({
  baseURL: '/api/',
  timeout: 10000,
  // withCredentials: true, //是否支持跨域
  // dataType:'json',
  // headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
  // headers: { 'Content-Type': 'application/x-www-form-urlencoded ：form-data' },
  // headers: { 'Content-Type': 'text/plain'}
  headers: { 'Content-Type': 'application/json' }
})
// 请求拦截器
instance.interceptors.request.use(
  config => {
    // config.url = config.url + '?' + 'addressname=44&telephone=15555555555&userid=27&address=11&area=22&addressid=1'
    // config.data = null
    return config
  },
  error => {
    // 对请求错误做些什么
    console.log('请求错误')
    return Promise.reject(error)
  }
)
instance.interceptors.response.use(
  response => {
    // 对响应数据做点什么
    return response
  },
  error => {
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)
function request(url, method, data, headers) {
  // 俩个事儿  1 instance方法执行  2.把执行结果return
  return instance({
    url,
    method,
    [method.toUpperCase() === 'GET' ? 'params' : 'data']: data,
    headers
  })
}
export { request }

// 补充：
// 1. 如果遇到同一个项目里 需要配置多套axios实例
// 解决办法需要几个 就通过axios.create创建几个实例
// 2. 拦截器都是支持多个串联使用的 前一个拦截器处理之后的结果会交给下一个拦截器继续处理
// 3. instance = axios + 额外的配置 = 定制化之后的axios
